JavaScript语句的一些注意要点

语句

ECMA-262 规定了一组语句（也被成为流控制语句）

if 语句

大多数编程语言中最为常用的一个语句就是if 语句。语法如下：

if (condition1) {
    statement1;
} else if (condition2) {
    statement2;
} else {
    statement3;
}

举个例子：

var num = 10;
if (num > 50) {
    document.write("bigger than 50")
} else if (num < 0) {
    document.write("smaller than 0")
} else {
    document.write("between 0 and 50")
} //"between 0 and 50"

do-while 语句

这是一个后测试循环语句；只有在循环体中的代码执行以后，才会测试出口条件。

do {
    statement;
} while (expression);

举个例子：

var i = 0;
do {
    document.write("the number is " + i + "<br/>");
    i++;
} while (i < 10); 

while 语句

这是一个前测试循环语句；在循环体中的代码执行以前，就会测试出口条件。

while (expression) statement

举个例子：

var i = 0;
while (i <= 10) {
    document.write(i + " ");
    i++
} //0 1 2 3 4 5 6 7 8 9 10

for 语句

这是一个前测试循环语句；在循环体中的代码执行以前，就会测试出口条件。

for (initialization; expression; post-loop-expression) statement

举个例子：

for (var i = 0; i < 11; i ++) {
    document.write(i + " ")
} //0 1 2 3 4 5 6 7 8 9 10

使用while 语句做不到的，用for 语句也做不到。

由于ECMAScript 中不存在块级作用域，因此在循环内部定义的变量也可以在外部访问到。

for-in 语句

for-in 语句是一种精准的迭代语句。可以用来枚举对象的属性。

语法如下：

for (property in expression) statement

下面是示例：

var cars = new Array;
cars = ["benz","BMW"];
for (x in cars){
    document.write(cars[x] + " ")
} //benz BMW

通过for-in 语句循环输出的属性名的顺序是不可预测的。如果表示要迭代的对象的变量值为null 或undefined,for-in 语句会抛出错误。因此建议在使用for-in 循环之前，先检测对象的值是不是null 或undefined。

label 语句

使用label 语句可以在代码中添加标签，以便在将来使用。语法如下：

label: statement

下面是例子：

start: for (var i = 0; i < 5; i ++){
    document.write(i + " ");
    if (i == 2){
    }
} //0 1 2 3 4

break 和continue 语句

虽然，两个语句都是会导致立即退出循环。但break 会强制继续执行循环后面的语句；而continue 则会退出循环后从循环的顶部继续执行。举个例子：

var num = 0;
for (var i = 1; i < 7; i ++){
    num ++;
}
document.write(num + "<br/>"); //num 初始值为0，循环体执行了6次，每次num + 1，结果是num = 0 + 6为6

var num = 0;
for (var i = 1; i < 7; i ++){
    if (i % 5 == 0){
        break;
    }
    num ++;
}
document.write(num + "<br/>"); //num 初始值为0，循环体执行了4次，每次num + 1，结果是num = 0 + 4为4（当i = 5时退出循环）

var num = 0;
for (var i = 1; i < 7; i ++){
    if (i % 5 == 0){
        continue;
    }
    num ++;
}
document.write(num + "<br/>"); //num 初始值为0，循环体支行了5次，媒体num + 1，结果是num = 0 + 5为5（当i = 5时退出循环，从循环的顶端继续执行）

另外，break 和continue 语句都可以与label 语句联合使用。如：

var num = 0;
outermost:
for (var i = 0; i < 10; i ++){
    for (var j = 0; j < 10; j ++){
        if (i == 5 && j == 5){
            break outermost;
        }
        num ++;
    }
}
document.write(num); //55 正常情况下应该是i 从0 - 9有10种可能，j 从0 - 9也有10种可能，一共是10 * 10 = 100种可能，即该循环会执行100次。
//当i = 5同时j = 5时停止循环，实际上循环了55 次（i = 0时，j有10种可能，即10次循环；i = 1、2、3、4时，也有10种可能，一共加起来则有50次，最后加上i=5时的5次，共55次），num则为55。
var num = 0;
outermost:
for (var i = 0; i < 10; i ++){
    for (var j = 0; j < 10; j ++){
        if (i == 5 && j == 5){
            continue outermost;
        }
        num ++;
    }
}
document.write(num); //95
//当i = 5时且j = 5时，将会从头开始循环，也就是跳过了i = 5,j = 5、6、7、8、9这5种可能，并且继续循环。所以就是100种可能减去这5种可能，则结果是num = 95。

with 语句

该语句的作用是将代码的作用域设置到一个特定的对象中。with 语句的语法如下：

with (expression) statement

举例：

with (location){
    var qs = search.substring(1);
    var hostName = hostname;
    var url = href;
}

上面的写法就是从下面这个语句改过来的：

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;

该语句会使性能下降，不建议使用

switch 语句

语法如下，可以用来代替if 语句：

switch (expression) {
    case value:
        statement;
        break;
    case value:
        statement;
        break;
    case value:
        statement;
        break;
    default:
        statement;
}

例子如下：

var i = 15;
if (i == 25){
    document.write("the num is 25");
}else if (i == 35){
    document.write("the num is 35");
}else if (i == 15){
    document.write("the num is 15");
}else {
    document.write("others")
}

上面的if 语句就可以写成下面的switch 语句：

switch(15){
    case 15: //相当于if 语句中的else if
        document.write("15");
        break;
    case 25:
        document.write("25");
        break;
    case 35:
        document.write("35");
        break;
    default: //相当于if 语句中的else
        document.write("others");
}

为每个case 后面都添加一个break 语句，就可以避免同时执行多个case 代码的情况。

当一种情况和另一种情况所产生的结果需要合并又该如何操作呢：

switch(15){
    case 15: //相当于if 语句中的else if
        document.write("15");
    //  break; 这里忽略了break 就可以让case 15 与case 25 合并，在这里就是同时执行document.write("15") 和document.write("25")
    case 25:
        document.write("25");
        break;
    case 35:
        document.write("35");
        break;
    default: //相当于if 语句中的else
        document.write("others");
}

具体的来说就是，如果需要混合几种情形，只需要省略break 关键字即可。但不要忘了在代码中添加注释说明是有意省略了break 关键字如：

switch (3){
    case 1:
    document.write("the number is 1" + "<br/>");
    break;
    case 2:
    document.write("the number is 2" + "<br/>");
    break;
    case 3:
    //合并两种情形
    case 4:
    document.write("the number is unknown" + "<br/>");
}//"the number is unknown"

另外，switch 语句可以使用任何数据类型，每个case 的值甚至还可以是变量和表达式。如：

var x = "oliver young"
switch (x){
    case "oliver " + "young":
    document.write("hello Mr.young.");
    break;
    case "troy":
    document.write("hello troy.");
    break;
    default:
    document.write("sorry, i didn't know you.");
} //"hello Mr.young."

或者：

var num = 10;
switch(num){
    case 100 - 90:
    document.write("right");
    break;
    case 100%10:
    document.write("also right");
    break;
    default:
    document.write("bad num");    
} //"right"

又或者：(注意switch(true))

var num = 8;
switch(true){
    case num.toString(10) === 8:
    document.write("true num");
    break;
    default:
    document.write("wrong num");
} //"wrong num"

上面这个例子中，之所以要给switch() 传值true，就是为了使得每个case 值都可以返回一个布尔值。这样，每个case 按照顺序被求值，直到遇到匹配的值或者遇到default 语句为止。